var htmlwp = require('html-webpack-plugin')


module.exports = {
	entry:'./src/main.js',  //指定打包的入口文件
	output:{
		path:__dirname+'/dist',  //注意:webpack1.14.0要求这个路径是绝对路径,绝对路径可以用__dirname+''表示
		filename:'build.js'
	},
	module:{
		loaders:[
			{
				test:/\.css$/,     //打包.css文件
				loader:'style-loader!css-loader'
			},
			{
				test:/\.scss$/,      //打包.scss文件
				loader:'style-loader!css-loader!sass-loader'
			},
			{
				test:/\.less$/,      //打包.less文件
				loader:'style-loader!css-loader!less-loader'
			},
			{
				test:/\.(png|jpg|gif|ttf|svg)$/,        //打包url文件
				loader:'url-loader?limit=20000'
			},
			{
				test:/\.js$/,             //将当前项目中所有的js文件都要进行es6转es5操作,node_modules除外
				loader:'babel-loader',
				exclude:/node_modules/   //node_modules中的所有.js文件不去转换,提高打包性能	
	     	},
			{
				test:/.vue$/,              //解析.vue组件页面文件        
				loader:'vue-loader',
	     	},
			 {
				test: /vue-preview.src.*?js$/,     //vue-preview组件专用
				loader: 'babel'
			}
		]
	},
	babel:{
		presets:['es2015'],             //配置将es6语法转换成es5语法
		plugins:['transform-runtime']   //这句代码就是为了解决打包.vue文件不能报错
    },
	plugins:[   //plugins写到loaders的后面
		new htmlwp({
			title:'首页',   //生成的页面标题可以不写
			filename:'index.html',   //webpack-dev-server在内存中生成的文件名称,自动将build注入到这个页面底部
			template:'index1.html'   //原本的html文件,把它当做模板来使用(里面的script标签删掉,因为它到时会在生成的index文件中自动注入)
   		})
    ]
}